<template>
  <div class="dataPage">
    <div class="common_bg"></div>
    <div class="container">
      <span style="color: #fff;">正在开发中...</span>
      <!-- <img src="http://qr.liantu.com/api.php?w=200&m=10&logo=http://www.mingxiaoclub.cn/mobileSys/menuIcon/leftNav_icon1.png&text=https://pay.ipaynow.cn/codepay/20/203299202001071452472848944/0/6786E46897919F1FE00693F551D08BBE" alt=""> -->
      <!-- <div class="time_box">
        <div class="time">
          <i class="icon_date"></i>
          <span class="">{{nowDate}}</span>
          <span class="" style="margin-left: auto; margin-right: 20px;">{{nowDay}}</span>
        </div>
      </div>

      <div class="echarts_box">
        <div class="charts_item">
          <div class="charts_title">新增客户</div>
          <div class="charts_info">
            <div class="info1">
              <div>新增客户 : <span class="bold_number">324人</span></div>
              <div>跟进客户 : <span class="bold_number">324人</span></div>
            </div>
            <div class="info2">
              <div>到访客户 : <span class="bold_number">324人</span></div>
              <div>试听客户 : <span class="bold_number">324人</span></div>
            </div>
          </div>
        </div>
      </div> -->
    </div>
    

  </div>
</template>


<style scoped>

.dataPage .charts_info {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #485465;
  font-size: 12px;
}
.dataPage .charts_info > div {
  margin: 0 .266667rem;
}
.dataPage .info1 {
  position: relative;
}
.dataPage .info1:after {
  border-right: 1px solid #E2E1E1;
  content: " ";
  position: absolute;
  right: -.266667rem;
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: scaleX(.5);
  transform:scaleX(.5);
  /* margin: 0 .266667rem; */
}

.charts_info .bold_number {
  color: #000000;
  font-weight: 400;
}

.dataPage .container {
  padding: .36rem .266667rem
}
.dataPage .time_box {
  padding: .2rem .826667rem;
  box-sizing: border-box;
  padding-bottom: .426667rem
}
.dataPage .time {
  background:rgba(255,255,255, .35);
  border-radius:38px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
}

.dataPage .time span {
  font-size: .4rem;
  color: #fff;
  margin-left: .4rem;
}

.charts_title:before {

}

</style>

<script>
import {
  createNamespacedHelpers
} from "vuex";
let {
  mapState,
  mapGetters,
  mapMutations,
  mapActions
} = createNamespacedHelpers("dataPage");


export default {
  name: 'dataPage',
  data() {
    return {
      jwtAuth: {},
      year: '',
      schoolId: '',
      schoolName: '',
      schoolList: [],
      homeData: {
        
      },
    }
  },
  created() {

    this.initData()
   
  },
  mounted() {
    
  },
  
  methods: {
    ...mapMutations([
      "updateInfo",
    ]),
    ...mapActions([
      "formGet",
      "post"
    ]),

    async initData() {
      let result = await this.queryData()

       this.post({
        API: 'queryAllSchool',
        data: {}
      }).then(res => {
        
        
        
        console.log(result);
      });
    },

    queryData() {
      return this.post({
        API: 'queryAllSchool',
        data: {},
      })
    },

    
    
  },
  computed: {
    ...mapState([
    ]),

    nowDate() {
      let date = new Date();
      let year = date.getFullYear();
      let month = date.getMonth() + 1;
      let day = date.getDate();

      return `${year}年${month}月${day}日`
    },
    nowDay() {
      let date = new Date();
      let day = date.getDay();
      switch (day) {
        case 1:
          return '周一'
          break;
        case 2:
          return '周二'
          break;
        case 3:
          return '周三'
          break;
        case 4:
          return '周四'
          break;
        case 5:
          return '周五'
          break;
        case 6:
          return '周六'
          break;
        case 0:
          return '周日'
          break;
      
        default:
          break;
      }
    },
   
  },
  components: {
  },
}

</script>